<template>
	<div class="my-header" :style="{backgroundColor: bgc, color}">{{title}}</div>
</template>

<script>
	export default {
      props: {
				  bgc: String,

					color: {
						  type: String,
							default: '#fff'  //设置默认值
					},

					title: {
               type: String,
							 required: true
					}				
			}
	}
</script>

<style lang="less" scoped>
	.my-header {
		height: 45px;
		line-height: 45px;
		text-align: center;
		background-color: #1d7bff;
		color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}
</style>
